<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <script src="../jquery.min.js"></script>
    <div class="text1"><span>text1
        </span></div>
        <div class="text2"><span>text2</span></div>
        <input type="text" value = "hello">
        <script>
            //获得元素
            // let text1 = $(".text1").text();
            // console.log(text1);
            // let text2 = $(".text1").html();
            // console.log(text2);
            // let input = $("input").val();
            // console.log(input);
            //设置元素
            // let text1 = $(".text1").text("hello");
            // $(".text2").html("world")

            // $("input").val("11111");
            let text1 = $(".text1").text("<h1>hello</h1>");
            $(".text2").html("<h1>world</h1>")
            
            $("input").val("11111"); -->
            <!-- 元素属性操作 -->
            <!-- <script src="../jquery.min.js"></script>
            <p><a href="https://www.ccut.edu.cn/">长春工业大学</a></p>
            
            <script>
             let src= $("p a").attr("href");
             console.log(src)
             $("p a").attr("href","https://leetcode.cn/");
             
             
            //  src= $("p a").attr("href");
            //  console.log(src)
            </script> -->
            <!-- CSS 操作 -->
            <!-- <div style="width: 100px;">
                你好,我的世界!
            </div>
            <script src="../jquery.min.js"></script>
            <script>
                let ss = $("div").css("width")
                console.log(ss);
                $("div").css("width",500);
            </script> -->
            <!-- 元素的插入 -->
            <ol>
                <li>aaa</li>
                <li>bbb</li>
                <li>ccc</li>
            </ol>
            <script src="../jquery.min.js"></script>
            <script>
                $("ol").append("<li>append</li>");
                $("ol").prepend("<li>prepend</li>");
                $("ol").after("<li>after</li>");
                $("ol").before("<li>before</li>");
                

            </script>
            <!-- 元素的删除 -->
            <!-- <script>
                $("ol").remove();//全删
            </script> -->
            <script>
                $("ol").empty();
                
                
            </script>
        </script>
</body>

</html>